<template>
  <div>
    <router-link :to="to">
      <Card style="width: 200px">
        <div style="text-align: center">
          <Icon :type="icon" size="56" />
          <h3>{{ text }}</h3>
        </div>
      </Card>
    </router-link>
  </div>
</template>

<script>
export default {
  components: {},
  props: {
    to: {
      type: String,
      default: '/',
    },
    text: {
      type: String,
      default: '',
    },
    icon: {
      type: String,
      default: 'md-grid',
    },
  },
  data() {
    return {}
  },
  methods: {},
}
</script>

<style scoped></style>
